
<html>
<head>

    <meta charset="utf-8">
    <meta name="description" content="canvas">

    <title>getUserMedia to canvas</title>
</head>

<body>
    <div id="container">
        <h1><a href="/webrtc" title="WebRTC Demo Home">WebRTC Demo</a> <span>getUserMedia to canvas</span></h1>

        <video autoplay></video>
        <button>Take snapshot</button>
        <canvas></canvas>

        <p>Draw a frame from the video onto the canvas element using the <code>drawImage()</code> method.</p>

        <p>The variables <code>canvas</code>, <code>video</code> and <code>stream</code> are in global scope, so you can inspect them from the console.</p>

    </div>

    <script src="/webrtc/js/canvas.js"></script>
</body>
</html>